import router from '@/router'
import store from '@/store'
import NProgress from 'nprogress' // 引入一份进度条插件
import 'nprogress/nprogress.css' // 引入进度条样式

const whiteList = ['/login', '/404']
// to：表示的是调到哪儿去
// from:表示的是 从哪儿调过来
// next: 表示放行（next()）或者重定向(next({path:'/'}))
router.beforeEach(async(to, from, next) => {
  NProgress.start()
  const token = store.getters.token
  if (token) {
    // 有token的情况
    if (to.path === '/login') {
      next({ path: '/' })
      // 在路由跳转的时候 如果遇到的路由重定向则不会执行aftereach
      NProgress.done()
    } else {
      const userInfo = store.state.user.userInfo
      if (Object.keys(userInfo).length <= 0) {
        // 异步的过程
        await store.dispatch('user/getUserInfo')
        // const res = await store.dispatch('user/getUserInfo')
        // console.log(res)
      }
      next()
    }
  } else {
    // 没token的情况
    if (whiteList.includes(to.path)) {
      next()
    } else {
      next({ path: '/login' })
      // 在路由跳转的时候 如果遇到的路由重定向则不会执行aftereach
      NProgress.done()
    }
  }
})

router.afterEach((to, from) => {
  NProgress.done()
})
